Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / LxmfUserIcon.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3customImageTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rounded-full overflow-hidden shrink-0 flex items-center justify-center"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3resolvedShellClassTa5d6ff"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Te6edf3iconStyleTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72img Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Te6edf3customImageTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"w-full h-full object-cover" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3iconNameTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-[10%] rounded-full shrink-0 flex items-center justify-center"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4[Te6edf3iconStyleTb4b4b4, Tb4b4b4{ Ta5d6ff'background-color'Tff7b72: Te6edf3finalBackgroundColor Tb4b4b4}Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3resolvedShellClassTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3iconNameTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-full" Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4{ Te6edf3colorTff7b72: Te6edf3finalForegroundColor Tb4b4b4}Ta5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-else

Te6edf3classTff7b72=Ta5d6ff"bg-gray-100 dark:bg-zinc-800 text-gray-400 dark:text-zinc-500 p-[10%] rounded-full shrink-0 flex items-center justify-center border border-gray-200 dark:border-zinc-700"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3resolvedShellClassTa5d6ff"

Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4[Te6edf3iconStyleTb4b4b4, Tb4b4b4{ Ta5d6ff'background-color'Tff7b72: Te6edf3fallbackBackgroundColor Tb4b4b4}Tb4b4b4]Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"account" Te6edf3classTff7b72=Ta5d6ff"w-full h-full" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"./MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"LxmfUserIcon"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3customImageTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3iconNameTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3iconForegroundColourTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3iconBackgroundColourTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3iconClassTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3iconStyleTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Tff7b72defaultTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4(Tb4b4b4{Tb4b4b4}Tb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3resolvedShellClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3extra Tff7b72= Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3iconClass Tff7b72|| Ta5d6ff""Tb4b4b4)Tb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(

Ta5d6ff/\bsize-[\w.]+\b/Tb4b4b4.Te6edf3testTb4b4b4(Te6edf3extraTb4b4b4) Tff7b72||

Ta5d6ff/\bw-[\w.]+\b/Tb4b4b4.Te6edf3testTb4b4b4(Te6edf3extraTb4b4b4) Tff7b72||

Ta5d6ff/\bh-[\w.]+\b/Tb4b4b4.Te6edf3testTb4b4b4(Te6edf3extraTb4b4b4) Tff7b72||

Ta5d6ff/\bmin-w-/Tb4b4b4.Te6edf3testTb4b4b4(Te6edf3extraTb4b4b4) Tff7b72||

Ta5d6ff/\bmin-h-/Tb4b4b4.Te6edf3testTb4b4b4(Te6edf3extraTb4b4b4)

Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3extraTb4b4b4;

Tb4b4b4}

Tff7b72return Tb4b4b4[Ta5d6ff"size-6"Tb4b4b4, Te6edf3extraTb4b4b4]Tb4b4b4.Te6edf3filterTb4b4b4(Tffa657BooleanTb4b4b4)Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff" "Tb4b4b4)Tb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3finalForegroundColorTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3iconForegroundColour Tff7b72&& Tff7b72thisTb4b4b4.Te6edf3iconForegroundColour Tff7b72!== Ta5d6ff""

Tff7b72? Tff7b72thisTb4b4b4.Te6edf3iconForegroundColour

Tff7b72: Ta5d6ff"#6b7280"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3finalBackgroundColorTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColour Tff7b72&& Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColour Tff7b72!== Ta5d6ff""Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColourTb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"#e5e7eb"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3fallbackBackgroundColorTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColour Tff7b72&& Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColour Tff7b72!== Ta5d6ff""Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3iconBackgroundColourTb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff""Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>